<template>
  <div class="article-page">
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white" >
 <van-swipe-item v-for="(image, index) in images" :key="index" ><img v-lazy="image" style="width:100%;height:212px" />
  </van-swipe-item>
</van-swipe>

  </div>
</template>

<script>
export default {
  data () {
    return {
      images: ['http://liufusong.top:8080/img/swiper/1.png', 'http://liufusong.top:8080/img/swiper/2.png', 'http://liufusong.top:8080/img/swiper/3.png']
    }
  }
}

</script>

<style scoped>
*{
  box-sizing:border-box;
}
.my-swipe.van-swipe-item {
  display: inline-block;
    color: #fff;
    font-size: 20px;
    line-height: 100px;
    text-align: center;
    background-color: #fff;
    height: 212px;
    width: 100%;
    vertical-align:top;
  }
</style>
